<template>
	<view v-if="popup" class="popup-view">
    <slot />
	</view>
</template>

<script>
export default {
	data() {
		return {
      popup: false
    }
	},
	methods: {
		open() {
			this.popup = true
		},
		close() {
			this.popup = false
		}
  }
}
</script>

<style lang="scss" scoped>
/* 弹出框 */
.popup-view {
	background-color: rgba(0,0,0,.6);
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 750px;
	z-index: 800;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	left: var(--window-left);
}
</style>
